<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <link rel="stylesheet" href="/stylesheets/bootstrap.css" />
  <link rel="stylesheet" href="/stylesheets/bootstrap.css.map" />
  <link rel="stylesheet" type="text/css" href="/stylesheets/style.css" />
  <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>
  <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
  <title>Document</title>
</head>

<body>
  <div class="login-container" id="login">
    <div class="login-box">
      <!-- 头像区域 -->
      <!-- <div class="text-center avatar-box">
        <img src="" class="img-thumbnail avatar" alt="" />
      </div> -->
      <!-- 表单区域 -->
      <div class="form-login p-4">
        <!-- 登录名称 -->
        <div class="form-group form-inline">
          <label for="username" class="formLabel">用户</label>
          <input type="text" class="form-control ml-2 login-form" id="username" placeholder="请输入登录名称" autocomplete="off"
            v-model.trim="username" />
        </div>
        <!-- 登录密码 -->
        <div class="form-group form-inline">
          <label for="password" class="formLabel">密码</label>
          <input type="password" class="form-control ml-2 login-form" id="password" placeholder="请输入登录密码"
            v-model.trim="password" />
        </div>
        <!-- 登录和重置按钮 -->
        <div class="form-group form-inline d-flex justify-content-around">
          <button type="button" class="btn btn-secondary mr-2" @click="reset">
            重置
          </button>
          <button type="button" class="btn btn-primary" @click="signin">
            登录
          </button>
        </div>
      </div>
    </div>
  </div>
  <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
  <script src="/javascripts/main.js"></script>
  <script>
  </script>
</body>

</html>